<template>
  <div>
    <!-- font-class 绑定至 i元素 -->
    <i class="sn-icon-ice-cream-round"></i>
    <i class="sn-icon-grape"></i>
    <i class="sn-icon-location-information"></i>
    <i class="sn-icon-switch-button"></i>
    <i class="sn-icon-chat-round"></i>
    <i class="sn-icon-cpu"></i>
    <i class="sn-icon-table-lamp"></i>
    <i class="sn-icon-collection-tag"></i>
    <!-- 组件使用 -->
    <sn-icon name="plus" />
    <sn-icon name="ice-cream-round" />
    <sn-icon name="grape" />
    <sn-icon name="location-information" />
    <sn-icon name="switch-button" />
    <sn-icon name="chat-round" />
    <sn-icon name="cpu" />
    <sn-icon name="table-lamp" />
    <sn-icon name="collection-tag" />
  </div>
</template>
